<template>
	<view>
		<view class="head">
			<dsl-navbar title="邀请男生奖励规则" textTitle="white" backBg="white" bgTopImg="" isBack></dsl-navbar>
		</view>
		<view class="bg-white margin padding radius" style="margin-top: -200rpx;">
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">如何邀请</view>
				<view class="flex">
					<view>
						<view class="round"></view>
					</view>
					<view class="margin-left" style="color: #9AA2B5;">榜单每10分钟更新1次榜单每10分钟更新1次榜单每
						10分钟更新1次榜单每10分钟更新1次榜单每10分
						更新1次榜单每10分钟更新1次榜单每10分钟。</view>
				</view>
			</view>
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">注册现金奖励</view>
				<view class="flex">
					<view>
						<view class="round"></view>
					</view>
					<view class="margin-left" style="color: #9AA2B5;">榜单每10分钟更新1次榜单每10分钟更新1次榜单10
				分钟更新1次榜单每10分钟更新1次榜单。</view>
				</view>
			</view>
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">通话现金奖励</view>
				<view class="flex align-center">
					<view>
						<view class="round"></view>
					</view>
					<view class="margin-left" style="color: #9AA2B5;">榜单每10分钟更新1次榜单每10分钟</view>
				</view>
			</view>
			<view class="text-center margin-tb">
				<image src="/static/plugins/share/imgjiangli.png" mode="" class="medal"></image>
				<view class="text-bold text-black text-xl margin-tb-sm">
					你获得的奖励
				</view>
				<image src="/static/plugins/share/imgjia-1.png" mode="widthFix" style="width: 30rpx;"></image>
				<view class="flex align-center rowsb">
					<view class="">
						<view>A</view>
						<view>
							<image src="https://img1.baidu.com/it/u=2134355507,3083712228&fm=26&fmt=auto"
								mode="aspectFill" class="user_image margin-tb-xs"></image>
						</view>
						<view>
							<image src="/static/plugins/share/imgjiantou-4.png" mode="widthFix" style="width: 40rpx;"
								class=""></image>
						</view>
						<view class="table">
							充值8%
						</view>
					</view>
					<view>
						<view style="color: #9AA2B5;">邀请</view>
						<view>
							<image src="/static/plugins/share/imgjiantou-4.png" mode="widthFix"
								style="width: 40rpx;transform: rotate(270deg);" class=""></image>
						</view>
					</view>
					<view class="">
						<view>B</view>
						<view>
							<image src="https://img1.baidu.com/it/u=2134355507,3083712228&fm=26&fmt=auto"
								mode="aspectFill" class="user_image margin-tb-xs"></image>
						</view>
						<view>
							<image src="/static/plugins/share/imgjiantou-4.png" mode="widthFix" style="width: 40rpx;"
								class=""></image>
						</view>
						<view class="table">
							充值8%
						</view>
					</view>
					<view>
						<view style="color: #9AA2B5;">邀请</view>
						<view>
							<image src="/static/plugins/share/imgjiantou-4.png" mode="widthFix"
								style="width: 40rpx;transform: rotate(270deg);" class=""></image>
						</view>
					</view>
					<view class="">
						<view>C</view>
						<view>
							<image src="https://img1.baidu.com/it/u=2134355507,3083712228&fm=26&fmt=auto"
								mode="aspectFill" class="user_image margin-tb-xs"></image>
						</view>
						<view>
							<image src="/static/plugins/share/imgjiantou-4.png" mode="widthFix" style="width: 40rpx;"
								class=""></image>
						</view>
						<view class="table">
							充值8%
						</view>
					</view>
				</view>
			</view>
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">分享钻石奖励（仅限男生)</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">奖励期限：180天</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">邀请奖励可直接提现</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">礼物不计入邀请奖励</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">诱导推广、恶意刷奖励等违规行为，一经发现即清空奖励。</view>
				</view>
			</view>
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">注册钻石奖励（仅限男生)</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">奖励期限：180天</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">邀请奖励可直接提现</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">礼物不计入邀请奖励</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">诱导推广、恶意刷奖励等违规行为，一经发现即清空奖励。</view>
				</view>
			</view>
			<view style="line-height: 70rpx;">
				<view class="text-bold  text-black text-xl">注册事项</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">奖励期限：180天</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">邀请奖励可直接提现</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">礼物不计入邀请奖励</view>
				</view>
				<view class="align-center">
					<view class="round"></view>
					<view class="margin-left" style="color: #9AA2B5;">诱导推广、恶意刷奖励等违规行为，一经发现即清空奖励。</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
</script>

<style>
	.head {
		width: 750rpx;
		height: 450rpx;
		background: #EAA019;
		opacity: 1;
	}

	page {
		background-color: #F5F6F8;
	}

	.round {
		background-color: #EAA019;
		height: 15rpx;
		width: 15rpx;
	}

	.medal {
		width: 150rpx;
		height: 150rpx;
	}

	.user_image {
		width: 88rpx;
		height: 88rpx;
		border-radius: 50%;
		opacity: 1;
	}

	.table {
		width: 140rpx;
		height: 50rpx;
		background: #BA4949;
		opacity: 1;
		line-height: 50rpx;
		text-align: center;
		color: white;
	}
</style>
